﻿<!DOCTYPE html>
<!--[if lt IE 7]>

<html class="lt-ie9 lt-ie8 lt-ie7" lang="en">

<![endif]-->
<!--[if IE 7]>

<html class="lt-ie9 lt-ie8" lang="en">

<![endif]-->
<!--[if IE 8]>

<html class="lt-ie9" lang="en">

<![endif]-->
<!--[if gt IE 8]>
<!-->

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Flexible CRM Application
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- bootstrap css -->
    <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <link href="~/icomoon/style.css" rel="stylesheet">
    <!--[if lte IE 7]>
    <script src="css/icomoon-font/lte-ie7.js">
    </script>
    <![endif]-->
    @*<link href="~/css/wysiwyg/bootstrap-wysihtml5.css" rel="stylesheet">
    <link href="~/css/wysiwyg/wysiwyg-color.css" rel="stylesheet">*@
    <link href="~/css/main.css" rel="stylesheet">
    <!-- Important. For Theming change primary-color variable in main.css  -->
    @*<link href="~/css/charts-graphs.css" rel="stylesheet">
    <script src="~/js/wysiwyg/wysihtml5-0.3.0.js">
    </script>*@
    <script src="~/js/jquery.min.js">
    </script>
    <script src="~/js/jquery-ui-1.8.23.custom.min.js"></script>
    <script src="~/js/bootstrap.js">
    </script>
    <script src="~/js/wysiwyg/bootstrap-wysihtml5.js">
    </script>
    <script src="~/js/jquery.scrollUp.js">
    </script>
    <link href="~/css/alertify.core.css" rel="stylesheet" id="toggleCSS">
    <script type="text/javascript" src="~/js/alertify.min.js">
    </script>

    @*<!-- Google Visualization JS -->
    <script type="text/javascript" src="https://www.google.com/jsapi">
    </script>

    <!-- Easy Pie Chart JS -->
    <script src="~/js/jquery.easy-pie-chart.js">
    </script>

    <!-- Sparkline JS -->
    <script src="~/js/jquery.sparkline.js">
    </script>*@

    <!-- Tiny Scrollbar JS -->
    <script src="~/js/tiny-scrollbar.js">
    </script>
    <script src="~/js/jquery.unobtrusive-ajax.js"></script>

    <script src="~/js/jquery.validate.js"></script>
    <script src="~/js/jquery.validate.unobtrusive.js"></script>
    <script type="text/javascript">
        //ScrollUp
        $(function () {
            $.scrollUp({
                scrollName: 'scrollUp', // Element ID
                topDistance: '300', // Distance from top before showing element (px)
                topSpeed: 300, // Speed back to top (ms)
                animation: 'fade', // Fade, slide, none
                animationInSpeed: 400, // Animation in speed (ms)
                animationOutSpeed: 400, // Animation out speed (ms)
                scrollText: 'Scroll to top', // Text for element
                activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
            });
        });

        //Google Visualiations
        google.load("visualization", "1", {
            packages: ["corechart"]
        });
        google.setOnLoadCallback(drawChart);

        function drawChart() {
            var data = google.visualization.arrayToDataTable([
              ['Week', 'Visitors', 'Orders'],
              ['Sun', 9709, 761],
              ['Mon', 1367, 8631],
              ['Tue', 6792, 971],
              ['Wed', 1267, 7491],
              ['Thu', 9539, 1792],
              ['Fri', 670, 9367],
              ['Sat', 9761, 709]
            ]);

            var options = {
                width: 'auto',
                height: '160',
                backgroundColor: 'transparent',
                colors: ['#ed6d49', '#0daed3'],
                tooltip: {
                    textStyle: {
                        color: '#666666',
                        fontSize: 11
                    },
                    showColorCode: true
                },
                legend: {
                    textStyle: {
                        color: 'black',
                        fontSize: 12
                    }
                },
                chartArea: {
                    left: 100,
                    top: 10
                },
                focusTarget: 'category',
                hAxis: {
                    textStyle: {
                        color: 'black',
                        fontSize: 12
                    }
                },
                vAxis: {
                    textStyle: {
                        color: 'black',
                        fontSize: 12
                    }
                },
                pointSize: 6,
                chartArea: {
                    left: 60,
                    top: 10,
                    height: '80%'
                },
                lineWidth: 1,
            };

            var chart = new google.visualization.LineChart(document.getElementById('area_chart'));
            chart.draw(data, options);
        }


        //Tooltip
        $('a').tooltip('hide');
        $('i').tooltip('hide');


        //Tiny Scrollbar
        $('#scrollbar').tinyscrollbar();
        $('#scrollbar-one').tinyscrollbar();
        $('#scrollbar-two').tinyscrollbar();
        $('#scrollbar-three').tinyscrollbar();



        //Tabs
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        })

        // SparkLine Graphs-Charts
        $(function () {
            $('#unique-visitors').sparkline('html', {
                type: 'bar',
                barColor: '#ed6d49',
                barWidth: 6,
                height: 30,
            });
            $('#monthly-sales').sparkline('html', {
                type: 'bar',
                barColor: '#74b749',
                barWidth: 6,
                height: 30,
            });
            $('#current-balance').sparkline('html', {
                type: 'bar',
                barColor: '#ffb400',
                barWidth: 6,
                height: 30,
            });
            $('#registrations').sparkline('html', {
                type: 'bar',
                barColor: '#0daed3',
                barWidth: 6,
                height: 30,
            });
            $('#site-visits').sparkline('html', {
                type: 'bar',
                barColor: '#f63131',
                barWidth: 6,
                height: 30,
            });
        });

    </script>
</head>
<body>
    <header>
        <a href="#" class="logo">
            <img src="~/img/logo.png" alt="logo" />
        </a>
        <div class="btn-group">
            <button class="btn btn-primary">
                @Clirelmgt.Manager.Utility.GetUsername(Session["crmsession"])
            </button>
            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu pull-right">
                <li>
                    <a href="#">Edit Profile
                    </a>
                </li>
                <li>
                    <a href="#">Account Settings
                    </a>
                </li>
                <li>
                    <a href="#">Logout
                    </a>
                </li>
            </ul>
        </div>
        <ul class="mini-nav">
            <li>
                <a href="#">
                    <div class="fs1" aria-hidden="true" data-icon="&#xe040;"></div>
                    <span class="info-label badge badge-warning">3
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="fs1" aria-hidden="true" data-icon="&#xe04c;"></div>
                    <span class="info-label badge badge-info">5
                    </span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="fs1" aria-hidden="true" data-icon="&#xe037;"></div>
                    <span class="info-label badge badge-success">9
                    </span>
                </a>
            </li>
        </ul>

    </header>
    <div class="container-fluid">
        <div class="dashboard-container">
            <div class="top-nav">
                <ul>
                    <li>
                        <a href="/" class="selected">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>
                            Dashboard
                        </a>
                    </li>
                    @foreach (var item in Clirelmgt.Manager.Utility.GetModules(Session["crmsession"]).Module)
                    {
                        <li>
                        <a href="/Page/List/@item.Name">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe0b8;"></div>
                            @item.MenuName
                        </a>
                    </li>
                    }
                    
@*                    <li>
                        <a href="graphs.html">
                            <div class="fs1" aria-hidden="true" d0ata-icon="&#xe096;"></div>
                            Graphs
                        </a>
                    </li>
                    <li>
                        <a href="ui-elements.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></div>
                            UI Elements
                        </a>
                    </li>
                    <li>
                        <a href="icons.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></div>
                            Icons
                        </a>
                    </li>
                    <li>
                        <a href="tables.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe14a;"></div>
                            Tables
                        </a>
                    </li>
                    <li>
                        <a href="media.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe00d;"></div>
                            Media
                        </a>
                    </li>
                    <li>
                        <a href="calendar.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
                            Calendar
                        </a>
                    </li>
                    <li>
                        <a href="typography.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe100;"></div>
                            Typography
                        </a>
                    </li>
                    <li>
                        <a href="edit-profile.html">
                            <div class="fs1" aria-hidden="true" data-icon="&#xe0aa;"></div>
                            Extras
                        </a>
                    </li>*@
                </ul>
                <div class="clearfix">
                </div>
            </div>
            @RenderBody()

        </div>
        <!--/.fluid-container-->
    </div>
    <footer>
        <p>
            &copy; baswaAdmin 2013
     
        </p>
    </footer>


    <script>
        //Alertify JS
        $ = function (id) {
            return document.getElementById(id);
        },
        reset = function () {
            $("toggleCSS").href = "../css/alertify.core.css";
            alertify.set({
                labels: {
                    ok: "OK",
                    cancel: "Cancel"
                },
                delay: 5000,
                buttonReverse: false,
                buttonFocus: "ok"
            });
        };

    </script>
    @if (TempData["alert"] != null && TempData["alert"] != "")
    {
        <script>
            alertify.alert("@TempData["alert"].ToString()");
        </script>
    }

</body>
</html>
